<template>
  <div>
    <el-button type="primary" @click="openAlert">点击我</el-button>
    <el-dialog :visible.sync="dialogVisible" title="欢迎使用 Element UI">
      <p>这是一个使用 Element UI 的弹出框示例。</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    openAlert() {
      this.dialogVisible = true;
    }
  }
};
</script>
